@charset "utf-8";



.backcolor {



	position: absolute;



	top: 50%;



	left: 50%;



	transform: translate(-50%, -50%);



	-webkit-transform: translate(-50%, -50%);



	-moz-transform: translate(-50%, -50%);



	-ms-transform: translate(-50%, -50%);



	-o-transform: translate(-50%, -50%)



}



i.bor {



	display: block;



	width: 100%;



	min-width: 1150px;



	height: 1px;



	margin-bottom: 20px;



	background: #f0f0f0



}



#fp-nav {



	display: none



}



#fp-nav ul li:first-child, #fp-nav ul li:nth-of-type(1) {



	display: none



}



#fp-nav ul li:nth-last-child(1) a::after {



	position: absolute;



	content: "";



	height: 0;



	width: 0



}



#fp-nav ul li a::after {



	position: absolute;



	content: "";



	height: 24px;



	background: rgba(202,202,202,1);



	width: 1px;



	left: 0;



	margin: 11px 0 0 6px



}



.ads-container {



	min-width: 1150px;



	width: 100%;



	height: 100%;



	height: auto;



	background: #000;



	overflow: hidden



}



.ads-slide {



	position: relative



}



.ads-intro {



	position: absolute;



	overflow: hidden



}



.ads-intro p {



	padding-top: 10px



}



.ads-intro p {



	color: #fff



}



.ads-intro p.linep {



	line-height: 22px



}



.nowhite .index_title h3, .nowhite .index_title span {



	



}



.servicev2 .index_title span {



	color: #747474



}



.servicev2 h5 {



	width: 40%;



	height: 30px;



	line-height: 30px;



	text-align: center;



	border: 1px solid #eee;



	border-radius: 45px;



	margin: 0 auto;



	color: #333;

	margin-bottom:10px;



}



.servicev2 ul.bd li span {



	display: block;



	padding-top: 20px;



	color: #000



}



.servicev2 ul.bd li {



	float: left;



	text-align: center;



	width:23%;



	height: auto;



	margin:0px 11px 20px 11px;



}



.servicev2 ul.bd li i {



	display: block;



	width: 63px;



	height: 1px;



	background: #000;



	margin: 10px auto 10px



}



.servicev2 ul.bd li p {



	max-width: 275px;



	margin:0 auto;



	color: #666



}



.servicev2 ul.bd li a.s-more {



	display: block;



	margin: 10px auto 10px;



	color: #999



}



.servicev2 .hd {



	text-align: center



}



.servicev2 .hd ul li {



	display: inline-block;



	margin-right: 12px;



	width: 12px;



	height: 12px;



	background: #d9d9d9;



	border-radius: 50px;



	text-indent: -9999px;



	cursor: pointer



}



.servicev2 .hd ul li.on {



	background: #999



}



.servicev2 ul.bd li, .servicev2 ul.bd li a.s-more, .servicev2 ul.bd li h5 {



	-webkit-transition: all .4s ease;



	-moz-transition: all .4s ease;



	-ms-transition: all .4s ease;



	transition: all .4s ease



}

.servicev2 .service4a{ margin-top:70px;}

.servicev2 ul.bd li:hover {-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}

.servicev2 .service4a .kwidth .bd .animateds .review{ margin:20px;}

.servicev2 .service4a .kwidth .bd .animateds .s-more{ display:inline;}

.servicev2 .service4a .kwidth .bd .animateds .details{ display:inline-block;}

.servicev2 ul.bd li:hover h5 {

}



.servicev2 ul.bd li:hover a.s-more {



	color: #000



}

.servicev2 .nowhite ul.bd li{}

.servicev2 .nowhite h5, .servicev2 .nowhite ul.bd li { background-color:#fff;-webkit-transition:all .2s linear;transition:all .2s linear;}

.servicev2 .nowhite .index_title span, .servicev2 .nowhite h5, .servicev2 .nowhite ul.bd li a.s-more, .servicev2 .nowhite ul.bd li p, .servicev2 .nowhite ul.bd li span {}

.servicev2 .nowhite ul.bd li i {}

.servicev2 .nowhite ul.bd li p {}

.servicev2 .nowhite ul.bd li p img{ display:block; width:100%; height:160px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}

.servicev2 .nowhite ul.bd li:hover .line22 img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.servicev2 .nowhite ul.bd li a.s-more {}

.productv2 ul.workul li {

	width: 25%;

	min-height: auto;

	float: left;

	margin:5px;

	padding:5px;

	box-shadow:0 0 10px rgba(0,0,0,.2);

	overflow: hidden;

	text-align:center;

	border-radius:5px;

}



.productv2 ul.workul li a.img {



	position: relative;



	display: block;



	/*width: 365px;



	height: 250px;*/



         width: 100%;



	height: auto;



	overflow: hidden



}



.productv2 ul.workul li img {



	/*width: 365px;



	height: 250px;*/



        width: 100%;



	height: auto;



	margin-left: -1px



}



.productv2 ul.workul li img {



	-webkit-transition: all .4s ease;



	-moz-transition: all .4s ease;



	-ms-transition: all .4s ease;



	transition: all .4s ease



}



.productv2 ul.workul li .title {



	padding: 0 15px 30px



}



.productv2 ul.workul li .title h5 a {



	color: #666



}



.productv2 ul.workul li .title p.entitle, .productv2 ul.workul li a.awork {



	color: #999



}



.productv2 ul.workul li:hover img {



	-webkit-transform: scale(1.25);



	-moz-transform: scale(1.25);



	-ms-transform: scale(1.25);



	transform: scale(1.25)



}



.productv2 .hd {



	width: 100%;



	text-align: center



}



.productv2 .hd ul li {



	display: inline-block;



	margin-right: 8px;



	width: 12px;



	height: 12px;



	background: #d9d9d9;



	border-radius: 50px;



	text-indent: -9999px;



	cursor: pointer



}



.productv2 .hd ul li.on {



	background: #999



}



.productv2 ul.pro4 li {



	margin-right: 20px!important;



	width: 270px!important



}



.productv2 ul.pro4 li a.img {



	width: 270px!important;



	height: 185px!important



}



.productv2 ul.pro4 li img {



	width: 270px!important;



	height: 185px!important



}



.productv2 .nowhite ul li .title h5 a, .productv2 .nowhite ul li .title p.entitle, .productv2 .nowhite ul li a.awork {



	color: #fff



}



.productv2 .nowhite ul li .title p.entitle, .productv2 .nowhite ul li a.awork {



	color: rgba(255,255,255,.6)!important



}



.productv2 .nowhite ul.workul li {



	border-color: rgba(255,255,255,.2)



}



.teamv4 {



	width: 520px;



	margin: 0 auto



}



.teamv2 ul.temaul li {



	text-align: center;



	min-height: 310px



}



.teamv2 ul.temaul li .temalist span.tx {



	width: 130px;



	height: 130px;



	margin: 0 auto;



	overflow: hidden;



	border-radius: 150px



}



.teamv2 ul.temaul li .temalist span.tx img {



	border-radius: 150px;



	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");



	filter: gray;



	-webkit-filter: grayscale(100%)



}



.teamv2 ul.temaul li:hover .temalist span.tx img {



	filter: none;



	-webkit-filter: none



}



.teamv2 ul.temaul li .temalist .post {



	width: 55px;



	height: 1px;



	background: #000;



	margin: 15px auto



}



.teamv2 ul.temaul li .temalist h5 {



	color: #282828



}



.teamv2 ul.temaul li .temalist span.post {



	color: #999



}



.teamv2 ul.temaul li .temalist .title p {



	color: #666



}



.teamv2 .hd {



	width: 100%;



	text-align: center



}



.teamv2 .hd li {



	display: inline-block;



	width: 12px;



	height: 12px;



	margin-left: 10px;



	text-indent: -9999px;



	cursor: pointer;



	background: #d9d9d9;



	border-radius: 50px



}



.teamv2 .hd li.on {



	background: #999



}



.teamv2 ul.temaul li .temalist span {



	-webkit-transition: all .4s ease;



	-moz-transition: all .4s ease;



	-ms-transition: all .4s ease;



	transition: all .4s ease



}



.teamv2 .nowhite ul.temaul li .temalist .title p, .teamv2 .nowhite ul.temaul li .temalist h5 span {



	color: #fff



}



.teamv2 .nowhite ul.temaul li .temalist span.post {



	background: rgba(255,255,255,.4)



}



.teamv2 .nowhite ul.temaul li .temalist .title p {



	color: rgba(255,255,255,.6)!important



}



.teamv2 .nowhite ul.temaul li .temalist {



	border-color: rgba(255,255,255,.2)



}



.teamv2 .nowhite ul.temaul li .temalist h5 i {



	background-position: 0 -34px



}



.customersv2 .partnerul {



	width: 105%



}



.customersv2 .partnerul ul li {



	float: left;



	width: 270px;



	height: auto;



	margin-right: 23px;



	overflow: hidden



}



.customersv2 .partnerul ul li img {



	width: 268px;



	height: 148px;



	border: 1px solid #e5e5e5



}



.customersv2 .partnerul ul li .dask {



	width: 270px;



	padding-top: 22px;



	text-align: center



}



.customersv2 .hd {



	width: 100%;



	text-align: center



}



.customersv2 .hd li {



	display: inline-block;



	width: 12px;



	height: 12px;



	margin-right: 12px;



	text-indent: -9999px;



	cursor: pointer;



	background: #d5d5d5;



	border-radius: 50px



}



.customersv2 .hd li.on {



	background: #969696



}



.customersv2 .nowhite .partnerul ul li img {



	border-color: rgba(255,255,255,.2)



}



.customersv2 .nowhite .partnerul ul li .dask {



	color: rgba(255,255,255,.8)



}



.customersv2 .nowhite i.bor {



	background: rgba(255,255,255,.4)



}



.aboutv4-h {

	position: absolute;

	left: 0;

	width: 100%;

	margin-left: 0;

	margin-right: 0;

	margin-bottom: 0;

	transform: translate(0, 0%);

	-webkit-transform: translate(0, 0%);

	-moz-transform: translate(0, 0%);

	-ms-transform: translate(0, 0%);

	-o-transform: translate(0, 0%);

}



.aboutv2 .about-content {



	width: 100%;



	margin: 0 auto;



	overflow: hidden;



}

.aboutv2 .img-left {width:100%; height:1px;background: #c9caca;}

.aboutv2 .img-left span {



	width: 100%;



	display: block;



	height: 435px;



	background-size: cover



}

.aboutv2 .about-content .r-about-0{ width:100%; text-align:center;}

.aboutv2 .about-content .r-about-0 h3 {



	margin-top:70px;



	color: #333



}



.aboutv2 .about-content .r-about-0 h3 span.endir {



	font-size: 12px;



	color: #545454



}



.aboutv2 .about-content .r-about-0 h3 i.abor {



	display: block;



	height: 1px;



	margin: 20px 0 30px



}



.aboutv2 .about-content .r-about-0 p {



	color: #707070



}



.aboutv2 .about-content.nowhite .r-about-0 h3, .aboutv2 .about-content.nowhite .r-about-0 h3 span.endir {



	color: #fff



}



.aboutv2 .about-content.nowhite .r-about-0 h3 {



	border-color: #fff



}



.aboutv2 .about-content.nowhite .r-about-0 h3 i.abor {



	background: rgba(255,255,255,.6)



}



.aboutv2 .about-content.nowhite .r-about-0 h3 span.endir {



	color: rgba(255,255,255,.8)!important



}



.aboutv2 .about-content.nowhite .r-about-0 p {



	color: rgba(255,255,255,.8)!important



}



.aboutv2 .about-content.nowhite .r-about-0 a {



	color: rgba(255,255,255,.6)



}



.newsv2 ul.bd li {



	position: relative;



	float: left;



	width: 316px;



	min-height: 280px;



	padding: 50px 21px 10px 26px;



	margin-right: 27px;



	border: 1px solid #ededed



}



.newsv2 ul.bd li .news-data .md {



	font-size: 40px



}



.newsv2 ul.bd li .news-data .md, .newsv2 ul.bd li .news-data .y {



	color: #666



}



.newsv2 ul.bd li .news-detail .borh {



	display: block;



	width: 60px;



	height: 1px;



	background: #000;



	margin: 20px 0 30px



}



.newsv2 ul.bd li .news-detail h5 a {



	color: #666



}



.newsv2 ul.bd li .remark a.news-more, .newsv2 ul.bd li .remark p {



	color: #999



}



.newsv2 .hd {



	width: 100%;



	text-align: center



}



.newsv2 .hd ul li {



	display: inline-block;



	margin-right: 8px;



	width: 12px;



	height: 12px;



	background: #d9d9d9;



	border-radius: 50px;



	text-indent: -9999px;



	cursor: pointer



}



.newsv2 .hd ul li.on {



	background: #999



}



.newsv2 ul li a.posi_url {



	display: block;



	width: 100%;



	height: 100%;



	position: absolute;



	top: 0;



	left: 0



}



.newsv2 .nowhite ul.bd li .news-data .md, .newsv2 .nowhite ul.bd li .news-data .y, .newsv2 .nowhite ul.bd li .news-detail h5 a, .newsv2 .nowhite ul.bd li .remark a.news-more, .newsv2 .nowhite ul.bd li .remark p {



	color: #fff



}



.newsv2 .nowhite ul.bd li {



	border-color: rgba(255,255,255,.4)



}



.newsv2 .nowhite ul.bd li, .newsv2 .nowhite ul.bd li .news-data .y, .newsv2 .nowhite ul.bd li .remark a.news-more {



	color: rgba(255,255,255,.8)!important



}



.newsv2 .nowhite ul li .news-detail .borh {



	background: rgba(255,255,255,.4)



}



.newsv2 .nowhite ul.bd li .news-detail h5 a {



	color: rgba(255,255,255,.9)!important



}



.newsv2 .nowhite ul.bd li .remark p {



	color: rgba(255,255,255,.6)!important



}



.wrongv4a ul.bd li {



	min-height: 175px;



	overflow: hidden



}



.wrongv4a ul.bd li .worng-detail {



	float: left;



	width: 513px;



	height: 106px;



	margin-right: 20px;



	margin-bottom: 20px;



	padding: 44px 25px 0;



	border: 1px solid #eee



}



.wrongv4a ul.bd li .worng-detail h5 {



	color: #333



}



.wrongv4a ul.bd li .worng-detail .remark p {



	color: #999



}



.wrongv4a .hd {



	text-align: center



}



.wrongv4a .hd ul li {



	display: inline-block;



	width: 12px;



	height: 12px;



	background: #d9d9d9;



	border-radius: 50px;



	margin-right: 8px;



	text-indent: -9999px;



	cursor: pointer



}



.wrongv4a .hd ul li.on {



	background: #999



}



.wrongv4a.nowhite ul.bd li .worng-detail {



	border-color: rgba(255,255,255,.4)



}



.wrongv4a.nowhite ul.bd li .worng-detail h5 {



	color: rgba(255,255,255,1)



}



.wrongv4a.nowhite ul.bd li .worng-detail .remark p {



	color: rgba(255,255,255,.6)!important



}



.downloadv4a ul.bd li {



	min-height: 157px;



	overflow: hidden



}



.downloadv4a ul.bd li .download-detail {



	float: left;



	width: 513px;



	height: 70px;



	margin-right: 20px;



	margin-bottom: 20px;



	padding: 40px 25px 20px;



	border: 1px solid #eee



}



.downloadv4a ul.bd li .download-detail .down-left {



	height: 55px;



	max-width: 430px



}



.downloadv4a ul.bd li .download-detail .down-left h5 a {



	color: #333



}



.downloadv4a ul.bd li .download-detail .down-left p {



	color: #999



}



.downloadv4a ul.bd li .download-detail .down-right a.down-ico {



	display: block;



	width: 55px;



	height: 55px;



	background: url(../img/download.png) no-repeat 0 0



}



.downloadv4a ul.bd li .download-detail, .downloadv4a ul.bd li .download-detail .down-right a.down-ico {



	-webkit-transition: all .4s ease;



	-moz-transition: all .4s ease;



	-ms-transition: all .4s ease;



	transition: all .4s ease



}



.downloadv4a ul.bd li .download-detail:hover {



	border-color: #000



}



.downloadv4a ul.bd li .download-detail:hover .down-right a.down-ico {



	background-position: 0 -95px



}



.downloadv4a .hd {



	text-align: center



}



.downloadv4a #page-show ul li {



	display: inline-block;



	width: 30px;



	height: 30px;



	line-height: 30px;



	text-align: center;



	color: #666;



	border: 1px solid #eee;



	margin-left: 7px;



	cursor: pointer



}



.downloadv4a #page-show ul li.on {



	background: #000;



	color: #fff;



	border-color: #000



}



.downloadv4a.nowhite #page-show ul li, .downloadv4a.nowhite ul.bd li .download-detail {



	border-color: rgba(255,255,255,.4)



}



.downloadv4a.nowhite ul.bd li .download-detail h5 a {



	color: rgba(255,255,255,1)



}



.downloadv4a.nowhite ul.bd li .download-detail p {



	color: rgba(255,255,255,.6)!important



}



.contactv2 ul li {



	float: left;



	width: 298px;



	height: 58px;



	border: 1px solid #f4f4f4;



	border-width: 1px;



	padding: 44px 42px;



	margin-top: 30px



}



.contactv2 .form-action li {



	width: 320px;



	float: left;



	border-bottom: 1px solid #e8e8e8;



	margin-bottom: 45px;



	margin-right: 110px



}



.submit-bth {



	width: 1150px



}



.contactv2 .form-action li.textarea, .contactv2 .form-action li:nth-of-type(3) {



	margin-right: 0



}



.contactv2 .form-action input[type=text] {



	width: 99%;



	padding-left: 5px;



	height: 36px;



	border: 0;



	background: 0 0



}



.contactv2 ul li {



	border-color: #e8e8e8



}



.contactv2 ul li i {



	float: left;



	display: inline-block;



	width: 51px;



	height: 51px;



	margin-right: 9px;



	background: url(../img/contact.png) no-repeat 0 0



}



.contactv2 ul li:nth-of-type(2) i {



	background-position: 0 -95px



}



.contactv2 ul li:nth-of-type(3) i {



	background-position: 0 -199px



}



.contactv2 ul li h5 {



	color: #555



}



.contactv2 ul li p {



	color: #969696



}



.contactv2 ul li:nth-of-type(2) {



	border-width: 1px 0



}



.contactv2 .form-action li.textarea {



	width: 100%;



	border-bottom: 0



}



.contactv2 .form-action textarea {



	width: 100%;



	height: 35px;



	border: 1px solid #e8e8e8;



	border-width: 0 0 1px 0;



	outline: 0;



	resize: none;



	background: 0 0



}



.contactv2 .form-action input[type=submit] {



	display: block;



	width: 130px;



	height: 40px;



	margin: 0 auto;



	text-align: center;



	line-height: 40px;



	cursor: pointer;



	color: #999;



	background: 0 0;



	border: 1px solid #f0f0f0



}



.contactv2 .nowhite ul li {



	border-color: rgba(255,255,255,.2)



}



.contactv2 .nowhite ul li h5 {



	color: #fff



}



.contactv2 .nowhite ul li p {



	color: rgba(255,255,255,.8)



}



.contactv2 .nowhite ul li i {



	background: url(../img/contact-1.png) no-repeat 0 0



}



.contactv2 .nowhite ul li:nth-of-type(2) i {



	background-position: 0 -100px



}



.contactv2 .nowhite ul li:nth-of-type(3) i {



	background-position: 0 -199px



}



.contactv2 .nowhite .form-action li, .contactv2 .nowhite .form-action textarea {



	border-color: rgba(255,255,255,.2)



}



.contactv2 .nowhite .form-action input[type=text], .contactv2 .nowhite .form-action textarea {



	background: 0 0;



	color: #fff



}



.contactv2 .nowhite .form-action input[type=submit] {



	background: 0 0;



	color: #fff;



	border: 1px solid rgba(255,255,255,.2)



}



.footer{background-color:#f7f6f5; margin-top:30px;}

.footer1{width:1150px;margin:0 auto;}

.footer1 ul{ margin-top:30px;}

.footer1 ul li{ width:16.6%; float:left; margin-bottom:30px;}

.footer1 ul li .nav-one{ display:block;padding-bottom:10px;}

.footer1 ul li .nav-one a{ font-weight:bold; color:#0b0b0b; }

.footer1 ul li .childer .childer-a{ display:block; height:26px; line-height:26px;}

.footer2{width:1150px;margin:0 auto; clear:both; border-top:#c9caca solid 1px;}

.childer .wx,.childer .qq,.childer .shopping,.childer .weibo{ position:relative; width:32px; height:32px; margin:7px;}

.childer .wx .tubiao{visibility:hidden;width:120px;position:absolute; bottom:32px; left:0px;}

.childer .wx:hover .tubiao{display:block;visibility:visible;}

.childer p.name{margin:30px 0px;}

.childer p.tel{font-size:26px;}

.rabout0{ width:1150px; margin:0 auto;}

.index-brand {

	height:100%;

	overflow:hidden

}

.index-brandbox {

	width:24.91% !important;

	position:relative;

	overflow:hidden;

	float:left;

	margin:0 1px 0 0;

	height:280px;

	background:#f4f4f4;

	transition:background .5s, padding .5s, margin .5s;

	cursor:pointer

}

.index-brandbox .brand-icon {

	width:80px;

	height:66px;

	margin:20px auto 20px;

	overflow:hidden

}

.index-brandbox .icon01 {

	background:url(../img/index_bg07.png) no-repeat;

	background-position:0 -106px;

	transition:all .6s ease-out .3s

}

.index-brandbox .icon02 {

	background:url(../img/index_bg08.png) no-repeat;

	background-position:0 -106px;

	transition:all .6s ease-out .3s

}

.index-brandbox .icon03 {

	background:url(../img/index_bg09.png) no-repeat;

	background-position:0 -106px;

	transition:all .6s ease-out .3s

}

.index-brandbox .icon04 {

	background:url(../img/index_bg10.png) no-repeat;

	background-position:0 -106px;

	transition:all .6s ease-out .3s

}

.index-brandbox .brand-title {

	text-align:center

}

.index-brandbox .brand-title h4 {

	font:normal 20px/28px "微软雅黑";

	color:#484848;

	transition:all .3s

}

.index-brandbox .brand-title p {

	font:18px/28px "Times New Roman";

	color:#bababa

}

.index-brandbox .brand-title span {

	margin-top:20px;

	display:inline-block;

	width:87px;

	height:1px;

	overflow:hidden;

	background:#c5c5c5

}

.index-brandbox .brand-intro {

	width:76%;

	font:12px/24px "微软雅黑";

	color:#777;

	margin:10px auto 0;

	text-align:center

}

.index-brandbox .nrand-jia {

	margin:0 auto;

	width:114px;

	height:25px;

	background:url(../img/index_bg12.png) no-repeat;

	display:none

}

.index-brandbox.hover .icon01, .index-brandbox.hover .icon02, .index-brandbox.hover .icon03, .index-brandbox.hover .icon04 {

	background-position:0 0

}

.index-brandbox.hover .brand-title h4 {

	color:#fff

}

.index-brandbox.hover .brand-title p {

	color:#d9d9d9

}

.index-brandbox.hover .brand-title span {

	background:#d9d9d9

}

.index-brandbox.hover .brand-intro {

	height:76px;

	color:#f2f2f2

}

.index-brandbox.hover .nrand-jia {

	display:block

}





.pageTwo{ width:1216px;}



.pageTwol,.pageTwor{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow:hidden;}



.pageTwol{ width:404px; background:#9c9c9c;}



.pageTwor{ width:800px;}



.pageTwola,.pageTwolb{ text-align:left; float:left; position:relative; height:100%;}



.pageTwola{ width:60%;}



.pageTwolb{ width:40%; text-align:center;}



.pageTwol a{ display:block; vertical-align:top; padding:0 40px; height:94px; border-top:1px solid #dddddd;}



.pageTwola p{ font-size:16px; color:#fff;  line-height:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-19px;}



.pageTwola span{ font-size:12px; color:#d8d8d8; height:12px; line-height:12px; display:block; vertical-align:top; padding-top:10px;}

.pageTwo{ width:1150px;}



.pageTwol,.pageTwor{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; overflow:hidden;}



.pageTwol{ width:30%; background:#9c9c9c;}



.pageTwor{ width:68%;}



.pageTwola,.pageTwolb{ text-align:left; float:left; position:relative; height:100%;}



.pageTwola{ width:60%;}



.pageTwolb{ width:40%; text-align:center;}



.pageTwol a{ display:block; vertical-align:top; padding:0 40px; height:94px; border-top:1px solid #dddddd;}



.pageTwola p{ font-size:16px; color:#fff;  line-height:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-19px;}



.pageTwola span{ font-size:12px; color:#d8d8d8; height:12px; line-height:12px; display:block; vertical-align:top; padding-top:10px;}







.disflex{



    display: -webkit-flex;



    display: -moz-flex;



    display: -ms-flex;



    display: -o-flex;



    display: flex;



    -webkit-justify-content: space-between;



    -moz-justify-content: space-between;



    -o-justify-content: space-between;



    -ms-justify-content: space-between;



    justify-content: space-between;



}



.swiper-containerp .swiper-slide{position: relative;}



.swiper-containerp .swiper-slide .GF{position: absolute; left: 12%;bottom: 22%;width: 140px;height: 35px;border-radius: 35px;line-height: 35px;text-align: center;border: 1px solid #fff;background: transparent;color: #fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}



.swiper-containerp .swiper-slide .GF:hover{background: #fff;color: #000000;}



.swiper-containerp>div.swiper-pagination-bullets{bottom: 20px;}



.swiper-containerp>div.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;}



.pageTwolbimg1,.pageTwolbimg2,.pageTwolbimg3{ position:relative; top:50%; }



.pageTwolbimg1{margin-top:-30px;}



.pageTwolbimg2{margin-top:-34px;}



.pageTwolbimg3{margin-top:-35px;}



.zuoyoiconl,.zuoyoiconr{ position:absolute; top:50%; margin-top:-15px; width:14px; height:30px;opacity:0;-webkit-opacity:0;-moz-opacity:0;}



.zuoyoiconl{ background:url(../imagesa/zuoyoiconl.png) center no-repeat; left:-20px;}



.zuoyoiconr{ background:url(../imagesa/zuoyoiconr.png) center no-repeat;right:-20px;}



.pageTwol a:hover .zuoyoiconl,.pageTwol a:hover .zuoyoiconr{opacity:1;-webkit-opacity:1;-moz-opacity:1;}



.pageTwol a:hover .zuoyoiconl{ left:0;}



.pageTwol a:hover .zuoyoiconr{ right:0;}



.pageTwo{ position:absolute; left:50%; margin-left:-608px; top:50%; margin-top:-300px;}



.pageTwol h3{ font-size:16px; color:#fff; padding:0 40px; font-weight:normal; height:82px; line-height:82px;}



.vat{ vertical-align:top;}



.pageTwor  a{ display:block; vertical-align:top;}



.pageTwort2{ 



    width:258px;



}



.pageTwort2 img{



    vertical-align: top;



    height: 100%;



}



.pageTwort1{ width:100%;}



.pageTwort1,.pageTwort2{ height:238px; overflow:hidden;}



.pageTwol2{ background:none; padding:0;}



.pageTwol2 a{ padding:0; height:auto; border:none; margin:0;height:238px;}



.pageTwob{ margin-top:52px;}



.pageTwob img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; vertical-align:top; width:100%;}



.pageTwob a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);}



.clearboth{clear:both;height:0;overflow:hidden; display:block;}







.pageTwor img{ width:100%;vertical-align: bottom;}







.p3_1200 video{ width:100%;}







.pageTwob img,.zuoyoiconl,.zuoyoiconr,.pageTwo{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}







@media screen and (min-width:1930px ){



    .p3_1200{



        width:  70vw;



    }



    .p5_bg_img{



        width: 100%;



    }



    .index-p5{



        margin-top: 3vw;



    }



}



@media(max-width:1600px){

	.p3_1200 { width:930px; padding:0; position:absolute; left:50%; margin-left:-465px; top:50%; margin-top:-295px; margin-top:-259px;}

}

@media(max-width:1400px){

	.pageTwo{transform:scale(0.85);-webkit-transform:scale(0.85);-moz-transform:scale(0.85);}

}

#sub_menu_1,#sub_menu_2{display: none;}

.dropup{ position:relative; display:inline-block;}

.dropup .btn{ padding:6px 15px; font-size:14px; line-height:1.57142857;border-radius:5px; border:1px solid transparent;cursor: pointer;}

.dropup .dropdown-menu{ position:absolute; left:-20px; padding-left:10px; bottom:40px; min-width:120px;height:180px; overflow:auto; background-color:#fff; text-align:left;}

.dropup .dropdown-menu li{line-height:30px;}

.dropup .dropdown-menu li a{ color:#333;}